<template>
  <div class="main-container">
     <div class="flex-box login-box">
       <img src="@/assets/img/log-img-a01.png" alt="">
       <p>你还没有登录</p>
       <router-link :to="{ name: 'logPage', params: { fromQuery: redirect }}">前往登录</router-link>
     </div>
  </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: "ArticleLogin",
  data() {
    return {
      fromQuery: "",
      redirect: this.$route.query.redirect
    };
  },
  components: {},
  methods: {},
  mounted() {
    // console.log(this.$route);
  }
};
</script>
<style scoped lang="scss">
.main-container {
  width: 100%;
  height: 100%;
  .login-box {
    padding-top: r(60);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    img {
      width: r(300);
      height: r(386);
    }
    p {
      width: 100%;
      font-size: r(26);
      line-height: r(48);
      margin-top: r(24);
      color: #666;
    }
    a {
      display: block;
      font-size: r(30);
      margin-top: r(24);
      @include setPm(padding, 12, 32, 12, 32);
      background: #02a4e8;
      border-radius: 3px;
      color: #fff;
    }
  }
}
</style>
